/*   
Theme Name: Laredo Custom Brokers
Theme URI: http://laredocustombrokers.com/
Description: Custom Wordpress Theme for Laredo Custom Brokers
Author: Imagine It Studios
Author URI: http://imagineitstudios.com
Version: 1
*/
/***********

SWATCH COLORS: 

1F4825 - dark green
357938 - mid green
89cc8b - light green
cbcbcb - dark grey
ededed - light grey
fdc222 - yellow
ffa20f - orange


TOC:

=1: Typography
=2: Global Styles
=3: Header
=4: Footer
=5: Common Classes
=6: Navigation
=7: Forms
=8: Home Page
=9: Body Page
=10: Sidebar

****************/
@media screen {
	 
/* *********  =1: TYPEOGRAPHY *********** */
h1 { font-size: 25px }
h2 { font-size: 23px }
h3 { font-size: 21px }
h4 { font-size: 19px }
h5 { font-size: 17px }
h6 { font-size: 15px }
ol .list { list-style: decimal }
ul .list { list-style: disc }
li .list { margin-left: 30px }
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset { margin-bottom: 20px }
a { color: #1F4825 }
/* *********  =2: GLOBAL STYLES *********** */
html {
    background: #1F4825;
    background: -moz-linear-gradient(top, #1F4825 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1F4825), color-stop(100%,#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1F4825', endColorstr='#FFFFFF',GradientType=0 );
}
body {
    font: normal 14px/1.5em 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    background: url(images/bg.png) repeat-x center top;
}
#page { position: relative }
.wrapper {
    border-bottom-style: solid 1px #222;
    padding-bottom: 20px;
    overflow: hidden;
    position: relative;
}
#header {
    position: relative;
    overflow: hidden;
}
.home #content,
.page-id-14 #content {
    background: #FFF url(images/content-bg.gif) repeat-x left 65px;
    position: relative;
    overflow: hidden;
}
#content {
    background: #FFF url(images/content-body-bg.gif) repeat-x left 65px;
    position: relative;
    overflow: hidden;
}
#main {
    padding-top: 10px;
    position: relative;
    overflow: hidden;
}
#footer {
    padding-top: 20px;
    position: relative;
}
.footer-wrap {
    background: url(images/footer-bg.gif) repeat left top;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
    border-top: 1px solid #FFF;
}
/* *********  =3: HEADER *********** */
#logo {
    background: url(images/express-world-trade.png) no-repeat;
    text-indent: -9999px;
    height: 150px;
}
#follow-us { height: 150px }
#social {
    heigh: 46px;
    background: url(images/follow-bg.gif) repeat left top;
    overflow: hidden;
    padding: 5px;
    position: relative;
}
#social ul { border-bottom: 1px solid #fede31 }
#social .first {
    width: 60px;
    float: left;
    color: #fd8d00;
    padding: 0 10px;
    font-size: 10px;
}
#social a {
    color: #fd8d00;
    text-decoration: none;
    padding: 0 10px;
    font-size: 10px;
}
#social a:hover { color: #876e16 }
a#header-facebook {
    background: url(images/top-facebook.png) no-repeat left top;
    padding-left: 25px;
}
a#header-twitter {
    background: url(images/top-twitter.png) no-repeat left top;
    padding-left: 25px;
}
a#header-rss {
    background: url(images/top-rss.png) no-repeat left top;
    padding-left: 25px;
}
a#header-facebook:hover {
    background: url(images/top-facebook-over.png) no-repeat left top;
    padding-left: 25px;
}
a#header-twitter:hover {
    background: url(images/top-twitter-over.png) no-repeat left top;
    padding-left: 25px;
}
a#header-rss:hover {
    background: url(images/top-rss-over.png) no-repeat left top;
    padding-left: 25px;
}
#address {
    text-align: right;
    color: #fdc222;
    padding: 10px 0 0 0;
    margin: 0;
    height: 74px;
    vertical-align: bottom;
}
#address li { padding: 1% 0 }
#address .phone { font-size: 30px }
/* *********  =4: FOOTER *********** */
#site-links a { text-decoration: none }
#site-links li {
    padding: 2px 0;
    border-bottom: 1px dashed #CBD4CB;
    text-indent: 10px;
}
#site-links a:hover { color: #fff }
#find-us { text-align: right }
.copyright,
.copyright a,
.site-design a { color: #666 }
/* *********  =5: COMMON CLASSES *********** */
.left { float: left }
.right { float: right }
.hide { display: none }
.round {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.bottom-tab {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.inline ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.inline li {
    display: inline;
    margin: 0;
    padding: 0;
}
.inline a {
    display: block;
    float: left;
}
a.linkopacity img {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    -khtml-opacity: 1.0;
}
a.linkopacity:hover img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.4;
    opacity: 0.5;
    -khtml-opacity: 0.4;
}
.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin: 5px 15px 5px 0;
}
.alignright,
img.alignright {
    display: inline;
    float: right;
    margin: 0 10px 5px 15px;
}
.photo-frame {
    border: 1px solid #ccc;
    padding: 9px;
    background-color: #fff;
}
.box-shadow {
    -moz-box-shadow: 0px 4px 8px #222;
    -webkit-box-shadow: 0px 4px 8px #222;
    box-shadow: 0px 4px 8px #222;
}
.light-shadow {
    -moz-box-shadow: -2px 5px 11px #ddd;
    -webkit-box-shadow: -2px 5px 11px #ddd;
    box-shadow: -2px 5px 11px #ddd;
}
.box-outline {
    -moz-box-shadow: -2px 5px 11px #cbcbcb;
    -webkit-box-shadow: -2px 5px 11px #222;
    box-shadow: -2px 5px 11px #222;
    border: solid 1px #ededed;
}
.arrows:before {
    content: "\00BB";
    padding-right: 10px;
}
small { font-size: 95% }
/* *********  =6: NAVIGATION MENU *********** */
/* Menu */
#nav {
    background-color: #fff;
    float: left;
    margin: 1.5em 1.5em 2em;
    padding: 0;
}
#nav li a,
#nav li { float: left }
#nav li {
    list-style: none;
    position: relative;
}
#nav li a {
    padding: 10px;
    text-decoration: none;
    background-color: #fff;
    color: #000;
}
#nav li a:hover {
    background: #fdc222;
    color: #fff;
}
/* Sub Menus */
#nav li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    margin: 0;
    padding: 0;
    border: solid 1px #ededed;
    z-index: 91;
}
#nav li:hover > ul { display: block }
#nav li ul li,
#nav li ul li a { float: none }
#nav li ul li a:hover {
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF;
    margin-top: -1px;
    margin-bottom: -1px;
}
#nav li ul li { _display: inline }
/* fix for IE6 */
#nav li ul li a {
    width: 150px;
    height: 35px;
    overflow: hidden;
    display: block;
}
/* Sub Sub Menus */
#nav li ul li ul { display: none }
#nav li ul li:hover ul {
    left: 100%;
    top: 0;
}
/* Spanish Link */
#spanish {
    color: #fdc222!important;
    font-weight: bold;
}
#spanish:before { content: "\002B" }
#spanish:hover {
    background: none!important;
    color: #357938!important;
}
/* *********  =7: FORMS *********** */
form label {
    display: block;
    height: 20px;
    font-size: 1em;
}
form input[type=text],
form input[type=email],
form input[type=url],
textarea {
    margin: 0.9em 0;
    border: 1px solid #ccc;
    padding: 4px 0 1px 5px;
}
input.radio,
input.checkbox,
select { margin: 0.9em 0 }
/* *********  =8: HOME PAGE *********** */
#featured {
    z-index: 90;
    margin-left: 5px;
}
#featured img { margin-top: 8px }
#featured h2 { margin: 20px 0 10px 0 }
#featured h2 a { text-decoration: none }
#company-highlights {
    margin: 60px 0px 40px 19px;
    padding: 35px 10px 20px 10px;
}
#company-highlights h3 { margin-top: 1em }
.ribbon {
    width: 225px;
    height: 62px;
    background: url(images/ribbon.png) no-repeat -10px top;
    position: absolute;
    z-index: 10;
    left: 8px;
    top: 560px;
}
.ribbon h4 {
    color: #fff;
    line-height: 52px;
    padding: 0 0 0 15px;
}
/* *********  =9: SIDEBAR   *********** */
#sidebar { padding-bottom: 40px }
#sidebar .title {
    background-color: #fdc222;
    color: #fff;
    margin: 10px 0;
    padding: 10px;
}
#sidebar h2 {
    background-color: #357a38;
    color: #fff;
    margin: 10px 0;
    padding: 10px;
}
#sidebar ul {
    margin: 0;
    padding: 0;
}
#sidebar li {
    background: url(images/divider-line.png) repeat-x left bottom;
    padding: 1em 0;
    color: #858484;
    text-indent: 10px;
    font: italic 10pt/12pt Tahoma, Geneva, sans-serif;
}
#sidebar a {
    color: #494949;
    text-decoration: none;
    font-style: normal;
}
#s { width: 265px }
.side-form {
    background: #1F4825;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #FFF;
    background: #357A38;
    /* old browsers */ background: -moz-linear-gradient(top, #357A38 0%, #204922 20%, #204922 80%, #357A38 100%);
    /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#357A38), color-stop(20%,#204922), color-stop(80%,#204922), color-stop(100%,#357A38));
    /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#357A38', endColorstr='#357A38',GradientType=0 );
    /* ie */ padding-bottom: 10px;
}
.side-form form { padding: 0 15px }
.side-form h4 {
    text-align: center;
    margin: 0!important;
    padding: 7px 0;
}
.side-form input {
    width: 265px;
    height: 18px;
    border: 1px solid #ddd;
}
.submit-button {
    width: 83px!important;
    height: 31px!important;
    border: none!important;
    background: url(images/button.png) no-repeat;
    text-indent: -9999px;
}
.side-form textarea {
    width: 265px;
    height: 80px;
    border: 1px solid #ddd;
}
.questions {
    background-color: #DDD;
    margin: 20px;
    background: url(images/divider-line.png) repeat-x left top;
    padding-top: 1em;
}
.questions p {
    margin: 0;
    font: normal 1em/2em Verdana, Geneva, sans-serif;
    text-indent: 5px;
}
.questions a {
    color: #fdc222!important;
    margin-top: 5px!important;
    text-transform: uppercase;
    text-decoration: none;
    font: bold 30px Arial, Helvetica, sans-serif;
}
.list-item {
    background: url(images/divider-line.png) repeat-x left bottom;
    padding: 1em;
    font: italic 10pt/12pt Tahoma, Geneva, sans-serif;
}
.list-item:hover { background-color: #ededed }
.list-item a {
    display: block;
    margin-bottom: 0.3em;
}
.home #latest { margin-top: 20px!important }
/* *********  =9: BODY PAGE *********** */
.breadcrumb,
.meta {
    font: 10pt/12pt verdana, sans-serif;
    margin-bottom: 20px;
    color: #222;
    padding: 10px 0 15px 0;
    border-bottom: 1px dotted #ddd;
}
.breadcrumb a { color: #ffa20f }
.blog .meta,
.archive .meta {
    font-size: 9pt;
    padding: 0 0 10px 0!important;
    padding: 0;
}
.blog .meta a,
.archive .meta a { color: #ffa20f }
.blog .post,
.archive .post {
    margin: 2em 0;
    border-bottom: 1px dotted #ddd;
    position: relative;
    overflow: hidden;
}
.blog .post h2 a,
.archive .post h2 a {
    text-decoration: none;
    color: #ffa20f;
}
.post { padding: 20px }
.post h2,
.post h2 a { color: #ffa20f }
.entry {
    padding: 10px 0;
    clear: both;
}
.entry p { line-height: 2em }
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5 { color: #ffa20f }
.entry a,
.entry a:visited { color: #ffa20f }
.entry a:hover { color: #222 }
.entry ol { list-style: decimal }
.entry ul { list-style: disc }
.entry li {
    margin-left: 30px;
    line-height: 2em;
}

.entry #resources ul { list-style:none;}
.entry #resources li { list-style:none;}

.postmetadata a { color: #ffa20f }
.navigation {
    margin: 2em 0;
    padding: 10px;
    position: relative;
    overflow: hidden;
}
.next-posts { float: left }
.prev-posts { float: right }
.navigation a {
    text-decoration: none;
    color: #ccc;
}
.navigation a:hover {
    text-decoration: underline;
    color: #CBD4CB;
}
/* *********  =10: COMMENTS *********** */
#comments,
#respond {
    margin: 20px 0;
    padding-top: 20px;
    clear: both;
}
ol.commentlist {
    list-style: none;
    border: 1px dotted #ddd;
}
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment {
    border-bottom: 1px dotted #ddd;
    padding: 10px;
}
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar {
    float: right;
    margin: 0 0 10px 10px;
}
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px }
ol.commentlist li.comment div.comment-meta a { color: #ccc }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px }
ol.commentlist li.comment div.reply a { font-weight: bold }
ol.commentlist li.comment ul.children {
    list-style: none;
    margin: 10px 0 0;
}
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 {
    border-left: 5px solid #555;
    margin: 0 0 10px 10px;
}
ol.commentlist li.comment ul.children li.depth-3 {
    border-left: 5px solid #999;
    margin: 0 0 10px 10px;
}
ol.commentlist li.comment ul.children li.depth-4 {
    border-left: 5px solid #bbb;
    margin: 0 0 10px 10px;
}
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff }
ol.commentlist li.odd { background: #f6f6f6 }
ol.commentlist li.parent { border-left: 5px solid #111 }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }
} /* END screen media */
@media print { 
.do-not-print { display: none }
#comments { page-break-before: always }
body {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.4;
    word-spacing: 1.1pt;
    letter-spacing: 0.2pt;
    font-family: Garamond,"Times New Roman", serif;
    color: #000;
    background: none;
    font-size: 12pt;
}
h1,
h2,
h3,
h4,
h5,
h6 { font-family: Helvetica, Arial, sans-serif }
h1 { font-size: 19pt }
h2 { font-size: 17pt }
h3 { font-size: 15pt }
h4,
h5,
h6 { font-size: 12pt }
code { font: 10pt Courier, monospace }
blockquote {
    margin: 1.3em;
    padding: 1em;
}
img {
    display: block;
    margin: 1em 0;
}
a img { border: none }
table {
    margin: 1px;
    text-align: left;
}
th {
    border-bottom: 1px solid #333;
    font-weight: bold;
}
td { border-bottom: 1px solid #333 }
th,
td { padding: 4px 10px 4px 0 }
caption {
    background: #fff;
    margin-bottom: 2em;
    text-align: left;
}
thead { display: table-header-group }
tr { page-break-inside: avoid }
a {
    text-decoration: none;
    color: black;
}
} /* END print media */